<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<title>京东常见问题分类页面</title>
	<link href="css/style.css" rel="stylesheet"/>
</head>
<body>
<div class="top">
	<div class="wrap">
		<div class="top-l left">欢迎光临京东，请<a href="" class="top-login">登录</a><a href="">免费注册</a></div>
		<ul class="top-m right">
			<li><a href=""><i class="top-car left"></i>购物车</a></li>
			<li class="line"></li>
			<li><a href="">我的交易单</a></li>
			<li class="line"></li>
			<li><a href="">会员中心</a></li>
			<li class="line"></li>
			<li><a href=""><i class="top-tel left"></i>我的关注</a></li>
			<li class="line"></li>
			<li class="on">
				<a href="" class="menu-btn">联系客服</a>
				<ul class="topDown">
					<li><a href="">帮助中心</a></li>
					<li><a href="">我要吐槽</a></li>
					<li><a href="">在线客服</a></li>
					<li><a href="">咨询JIMI</a></li>
					<li><a href="">客服邮箱</a></li>
				</ul>
			</li>
			<li class="line"></li>
			<li><a href="" class="menu-btn">手机金融</a></li>
			<li class="line"></li>
			<li><a href="" class="menu-btn">网站导航</a></li>
			<li class="line"></li>
		</ul>
		<div class="clearfix"></div>
	</div>
</div>
<div class="wrap">
	<a href=""><img src="images/logo.png" alt="logo"/></a>
</div>
<div class="wrap">
	<nav class="nav">
		<header>常见问题分类</header>
		<ul>
			<li><dl>
				<dt>京东金融</dt>
				<dd><a href="#">京东金融简介</a></dd>
				<dd><a href="#">京东金融会员</a></dd>
				<dd><a href="#">京东金融安全中心</a></dd>
			</dl></li>
			<li><dl>
				<dt>理财</dt>
				<dd><a href="#">京东小金库</a></dd>
				<dd><a href="#">京东基金理财</a></dd>
				<dd><a href="#">京东保险理财</a></dd>
				<dd><a href="#">小白理财</a></dd>
				<dd><a href="#">智投理财</a></dd>
				<dd><a href="#">乐猜</a></dd>
			</dl></li>
			<li><dl>
				<dt>白条</dt>
				<dd><a href="#">京东白条</a></dd>
				<dd><a href="#">京东金条</a></dd>
				<dd><a href="#">校园白条</a></dd>
				<dd><a href="#">教育白条</a></dd>
				<dd><a href="#">乡村白条</a></dd>
				<dd><a href="#">京东金采</a></dd>
				<dd><a href="#">京农贷</a></dd>
			</dl></li>
			<li><dl>
				<dt>众筹</dt>
				<dd><a href="#">产品众筹</a></dd>
				<dd><a href="#">轻众筹</a></dd>
				<dd><a href="#">产品众筹发起者常见问题</a></dd>
				<dd><a href="#">产品众筹支持者常见问题</a></dd>
				<dd><a href="#">产品众筹永久众筹常见问题</a></dd>
				<dd><a href="#">京东众创常见问题</a></dd>
			</dl></li>
			<li><dl>
				<dt>京东钱包</dt>
				<dd><a href="#">京东钱包简介</a></dd>
				<dd><a href="#">自动服务及常见问题</a></dd>
				<dd><a href="#">购房盈</a></dd>
			</dl></li>
		</ul>
	</nav>
	<section class="content">
		<p>京东金融 > 京东金融会员</p>
		<ul>
			<li>&#8226;<a href="#">什么是京东金融会员</a> </li>
			<li>&#8226;<a href="#">会员签到规则</a> </li>
			<li>&#8226;<a href="#">会员金币</a> </li>
			<li>&#8226;<a href="#">小白信用</a> </li>
			<li>&#8226;<a href="#">外部虚拟券</a> </li>
		</ul>
	</section>
</div>

<script src="js/jquery-1.8.3.min.js"></script>
<script>
	$(document).ready(function(){
		$(".top-m .on").hover(function(){
					$(".topDown").show("slow");
				},
				function(){
					$(".topDown").hide("fast");
				}
		);

		$(".nav dt").toggle(
				function(){ $(this).siblings().slideDown("slow");},
				function(){$(this).siblings().slideUp("slow");}
		)
	});
</script>
</body>
</html>
